import React from 'react'
// import ProgressView from "../../view/ProgressView";
// import PressTouch from '../../view/PressTouch'
// import {MyButton} from '../../view/MyButton'
import styles from "../../css/task.module.css";
import Config from "../../Config";
import { delayRecord } from '../../service/TaskService'
import { getTOKEN,getIDs } from '../../utils/StorageUtil'
import { DefaultImg } from '../../const/imgs'
import Scroll from './Bscroll/index'
const DefaultItem = ({
  src,des
}
  ) => {
  return (
    <div style={{ 
      height:'272px',
      width:'100%',
      display:'flex',
      flexDirection:'column',
      alignItems:'center',
      justifyContent:'center'
     }} >
      <img src={src} style={{width:'120px'}} />
      <div style={{
        textAlign:'center',
        fontSize:'13px',
        color: "#9ea2ac",
        marginTop:'24px'
      }}>
        {des}
      </div>
    </div>
  )
}

export const Jiazaizhong = ({des}) =>{
  return(
    <DefaultItem src={DefaultImg.LOADING} des={des?des:"飞速加载中......"}/>
  )
}
export const Wangluoyichang = ({des}) =>{
  return(
    <DefaultItem src={DefaultImg.WLYC} des={des?des:"网络有问题，点击重新加载~"}/>
  )
}
export const Weipaibanci = ({des}) =>{
  return(
      <DefaultItem src={DefaultImg.WPBC} des={des?des:"暂无数据~"}/>
  )
}


export const NOTASK = ({des}) =>{
  return(
      <DefaultItem src={DefaultImg.NOTASK} des={des?des:'暂无数据'}/>
  )
}
export const NORANK = ({des}) =>{
  return(
    <DefaultItem src={DefaultImg.NOTASK} des={des?des:'暂无数据'}/>

  )
}
export const NONEWS = ({des}) =>{
  return(
  <DefaultItem src={DefaultImg.NOTASK} des={des?des:'暂无数据'}/>
  )
}
